
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta content="Endless Stairwell" property="og:title" />
    <meta content="What lies up those deathly stairs...?" property="og:description" />
    <meta content="https://demonins-item-shop.demonin.repl.co/games/endlessStairwell/" property="og:url" />
    <meta content="https://demonins-item-shop.demonin.repl.co/games/endlessStairwell/img/stairs.png" property="og:image" />
    <meta content="#7ab8c4" data-react-helmet="true" name="theme-color" />
    <title>Endless Stairwell</title>
    <link rel="icon" href="img/stairs.png" type="image/x-icon">
    <link rel="stylesheet" href="https://unpkg.com/98.css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <!--Prefetched images to load before usage-->
    <!--Someone PLEASE tell me a better way to do this!-->
    <link rel="prefetch" href="img/tinyMouse.png">
    <link rel="prefetch" href="img/enemy1.png">
    <link rel="prefetch" href="img/enemy2.png">
    <link rel="prefetch" href="img/enemy3.png">
    <link rel="prefetch" href="img/enemy4.png">
    <link rel="prefetch" href="img/enemy5.png">
    <link rel="prefetch" href="img/enemy6.png">
    <link rel="prefetch" href="img/enemy7.png">
    <link rel="prefetch" href="img/enemy8.png">
    <link rel="prefetch" href="img/enemy9.png">
    <link rel="prefetch" href="img/enemy10.png">
    <link rel="prefetch" href="img/enemy11.png">
    <link rel="prefetch" href="img/enemy12.png">
    <link rel="prefetch" href="img/enemy13.png">
    <link rel="prefetch" href="img/enemy14.png">
    <link rel="prefetch" href="img/enemy15.png">
    <link rel="prefetch" href="img/enemy16.png">
    <link rel="prefetch" href="img/enemy17.png">
    <link rel="prefetch" href="img/enemy18.png">
    <link rel="prefetch" href="img/enemy19.png">
    <link rel="prefetch" href="img/enemy20.png">
    <link rel="prefetch" href="img/enemy21.png">
    <link rel="prefetch" href="img/enemy22.png">
    <link rel="prefetch" href="img/enemy23.png">
    <link rel="prefetch" href="img/enemy24.png">
    <link rel="prefetch" href="img/enemy25.png">
    <link rel="prefetch" href="img/enemy26.png">
    <link rel="prefetch" href="img/enemy27.png">
    <link rel="prefetch" href="img/enemy28.png">
    <link rel="prefetch" href="img/enemy29.png">
    <link rel="prefetch" href="img/enemy30.png">
    <link rel="prefetch" href="img/enemy31.png">
    <link rel="prefetch" href="img/enemy32.png">
    <link rel="prefetch" href="img/enemy33.png">
    <link rel="prefetch" href="img/enemy34.png">
    <link rel="prefetch" href="img/enemy35.png">
    <link rel="prefetch" href="img/enemy36.png">
    <link rel="prefetch" href="img/enemy37.png">
    <link rel="prefetch" href="img/enemy37dead.png">
    <link rel="prefetch" href="img/sharkDoobie.png">
  </head>
  <body>
    <!--Windows icons/start button-->
    <img id="windowsIcons" src="img/Windows_icons.png">
    <a href="https://discord.gg/7PChmUV3wk"><img id="discordIcon" src="img/discordIcon.png"></a>
    <img id="startButton" src="img/Start_button.png">

    <!--Windows bottom bar-->
    <div class="window" id="bottomBar">
		  <div id="timeBox"><p id="theFuckingTime">00:00 AM</p></div>
	  </div>

    <!--Game window-->
    <div id="gameWindow" class="window">
      <div class="title-bar">
        <div class="title-bar-text">Endless Stairwell</div>
      </div>
      <div id="game" class="window-body">
        <!--Health and stats div-->
        <div class="container" style="grid-row: 1; grid-column: 1 / span 1; display: none;">
          <!--Health and energy bars-->
          <p style="text-align: center; margin: 5px;">Health</p>
          <div id="healthBar"><div id="healthBarInner"></div><p id="healthBarText">100/100</p></div>
          <p style="text-align: center; margin: 5px; margin-top: 15px;">Energy</p>
          <div id="energyBar"><div id="energyBarInner"></div><p id="energyBarText">100%</p></div>

          <!--Level and stats-->
          <p style="text-align: center; margin: 5px; margin-top: 18px;"><span style="font-size: 24px">Level <span id="level">1</span></span><br><span id="nextLevelText">(<span id="xpToNextLevel">0</span>% to next level)</span></p>
          <p style="line-height: 30px; margin-top: 80px">Attack damage: <span id="attackDamage">0</span><br>Total XP: <span id="totalXP">0</span><span id="XPSoftcap"></span><br>Monsters killed: <span id="monstersKilled">0</span><br><span id="fleeCooldownInfo"></span></p>

          <!--Buffs-->
          <div id="buff1"><p class="buffText">30</p></div>
          <div id="buff2"><p class="buffText">30</p></div>
          <div id="buff3"><p class="buffText">30</p></div>

          <!--One-time item icons-->
          <img id="blueKeyIcon" src="img/key.png">
          <img id="ringIcon" src="img/ring.png">
          <img id="sapphireIcon" src="img/sapphire.png">
          <img id="hyperGemIcon" src="img/hyperGem.png">
          <img id="glockIcon" src="img/glockBordered.png">
          <img id="macIcon" src="img/macBordered.png">

          <!--Honey and vanilla honey-->
          <img id="honey1" src="img/honey.png">
          <p id="honeyText1">Honey: <span id="honey">0</span></p>
          <button id="honeyButton1" onclick="consumeHoney(1)">Consume</button>
          <img id="honey2" src="img/honey2.png">
          <p id="honeyText2">Vanilla honey: <span id="vanillaHoney">0</span></p>
          <button id="honeyButton2" onclick="consumeHoney(2)">Consume</button>
        </div>

        <!--Main div-->
        <div class="container" style="grid-row: 1; grid-column: 2 / span 4;">
          <!--Info-->
          <h2>You are on <span id="currentFloor">the ground floor</span></h2>
          <p id="info" style="width: 50%;"><b>Info</b></p>
          <p id="floorContentsInfo" style="width: 50%;"></p>
          <p id="roomInfo" style="width: 50%;"></p>

          <!--Stairwell-related buttons-->
          <button id="floorUpButton" onclick="floorUp()">Go up a floor</button>
          <button id="floorDownButton" onclick="floorDown()" disabled>Go down a floor</button>
          <button id="enterFloorButton" onclick="enterFloor()">Enter this floor</button>
          <button id="toGroundFloorButton" onclick="toGroundFloor()">To ground floor</button>
          <button id="toFloor49Button" onclick="toFloor49()">To floor 49</button>
          <button id="toFloor99Button" onclick="toFloor99()">To floor 99</button>
          <button id="toFloor149Button" onclick="toFloor149()">To floor 149</button>
          <button id="toFloor248Button" onclick="toFloor248()">To floor 248</button>
          <button id="toFloor299Button" onclick="toFloor299()">To floor 299</button>
          <button id="toFloor351Button" onclick="toFloor351()">To floor 351</button>

          <!--Room-related buttons-->
          <button id="newRoomButton" onclick="newRoom()">Enter another room</button>
          <button id="toStairwellButton" onclick="toStairwell()">Return to stairwell</button>

          <!--Monster div-->
          <div id="monsterDiv">
            <div id="monsterNameDiv"><p id="monsterName">Big spider</p></div>
            <div id="monsterIconDiv"><img id="monsterIcon" src="img/enemy1.png"></div>
            <div id="monsterHealthBar"><div id="monsterHealthBarInner"></div><p id="monsterHealthBarText">100/100</p></div>
            <p id="monsterAttackInfo">Time until attack: <span id="monsterAttackCooldown">0.0</span>s<br>Damage: <span id="monsterDamage">0</span></p>
            <button id="attackButton" onclick="attack()">Attack</button>
            <button id="fleeButton" onclick="flee()">Flee (<span id="fleeCooldown">0</span>s)</button>
          </div>

          <!--Smith div-->
          <div class="smithDiv">
            <img class="beeIcon" src="img/bee.png">
            <p id="beeText">What's up? I'm Benji B. Smith. I'll happily smith<br>some temporary runes for you.</p>
            <div class="smithLine" style="top: 70px;"></div>

            <button class="smithButton" style="top: 130px;" onclick="smithRune(1)">3 <img src="img/fragment1.png" style="height: 16px">, 1 <img src="img/fragment2.png" style="height: 16px"> , 1 <img src="img/honey.png" style="height: 16px"></button>
            <img class="runeIcon" style="top: 76px;" src="img/rune1.png">
            <p class="runeText" style="color: #a00000; top: 108px">Red rune</p>
            <p class="runeInfo" style="color: #a00000; top: 80px">+75% attack damage + XP gain</p>
            <div class="smithLine" style="top: 170px;"></div>

            <button class="smithButton" style="top: 230px;" onclick="smithRune(2)">3 <img src="img/fragment2.png" style="height: 16px">, 1 <img src="img/fragment3.png" style="height: 16px"> , 1 <img src="img/honey.png" style="height: 16px"></button>
            <img class="runeIcon" style="top: 176px;" src="img/rune2.png">
            <p class="runeText" style="color: #008000; top: 208px">Green rune</p>
            <p class="runeInfo" style="color: #008000; top: 180px">+40% item find chance</p>
            <div class="smithLine" style="top: 270px;"></div>

            <button class="smithButton" style="top: 330px;" onclick="smithRune(3)">3 <img src="img/fragment3.png" style="height: 16px">, 1 <img src="img/fragment1.png" style="height: 16px"> , 1 <img src="img/honey.png" style="height: 16px"></button>
            <img class="runeIcon" style="top: 276px;" src="img/rune3.png">
            <p class="runeText" style="color: #0000a0; top: 308px">Blue rune</p>
            <p class="runeInfo" style="color: #0000a0; top: 280px">+75% energy regen speed</p>
          </div>

          <!--Smith div 2-->
          <div class="smithDiv">
            <img class="beeIcon" src="img/bee.png">
            <p id="beeText">What's up? I'm Benji B. Smith. I'll happily smith<br>some permanent runes for you.</p>
            <div class="smithLine" style="top: 70px;"></div>

            <button class="smithButton2" style="top: 96px;" onclick="smithPermaRune(1)">4 <img src="img/fragment1.png" style="height: 16px">, 1 <img src="img/honey.png" style="height: 16px"></button>
            <img class="runeIcon" style="top: 110px" src="img/rune1.png">
            <p class="runeText" style="color: #a00000; top: 54px">Red* rune</p>
            <p class="runeInfo" style="color: #a00000; top: 120px">+5% XP gain (+<span id="redPermanentBoost">0</span>%, <span id="redPermanentBought">0</span>/10)</p>
            <div class="smithLine" style="top: 170px;"></div>

            <button class="smithButton2" style="top: 196px;" onclick="smithPermaRune(2)">4 <img src="img/fragment2.png" style="height: 16px">, 1 <img src="img/honey.png" style="height: 16px"></button>
            <img class="runeIcon" style="top: 210px" src="img/rune2.png">
            <p class="runeText" style="color: #008000; top: 154px">Green* rune</p>
            <p class="runeInfo" style="color: #008000; top: 220px">+5% item find chance (+<span id="greenPermanentBoost">0</span>%, <span id="greenPermanentBought">0</span>/5)</p>
            <div class="smithLine" style="top: 270px;"></div>

            <button class="smithButton2" style="top: 296px;" onclick="smithPermaRune(3)">4 <img src="img/fragment3.png" style="height: 16px">, 1 <img src="img/honey.png" style="height: 16px"></button>
            <img class="runeIcon" style="top: 310px" src="img/rune3.png">
            <p class="runeText" style="color: #0000a0; top: 254px">Blue* rune</p>
            <p class="runeInfo" style="color: #0000a0; top: 320px">+10% energy regen speed (+<span id="bluePermanentBoost">0</span>%, <span id="bluePermanentBought">0</span>/5)</p>
          </div>

          <!--Altar div-->
          <div id="altarDiv">
            <h2 style="color: #a03030">Altar</h2>
            <center><button id="cocoaPrestigeButton" style="height: 64px; width: 95%" onclick="cocoaPrestige()">Reset all progress for:<br><span id="cocoaHoneyToGet">0</span> <img src="img/honey3.png" width="16px"> <b>cocoa honey</b><br>Next requires <span id="nextCocoaHoneyRequirement">500</span> levels</button>

            <!--Cocoa upgrades-->
            <button class="cocoaUpgrade" style="margin-top: 16px" onclick="buyAltarUpgrade(1)">Keep 5000 XP on reset<br>Costs 2 cocoa honey</button>
            <button class="cocoaUpgrade" onclick="buyAltarUpgrade(2)">Keep flee button on reset<br>Costs 2 cocoa honey</button>
            <button class="cocoaUpgrade" onclick="buyAltarUpgrade(3)">Vanilla honey multiplies cocoa honey gain<br>Costs 4 cocoa honey</button>
            <button class="cocoaUpgrade" onclick="buyAltarUpgrade(4)">Enemies' first attack takes 4.5s<br>Costs 35 cocoa honey</button>
            <button class="cocoaUpgrade" onclick="buyAltarUpgrade(5)">Gain more buttons for easy travelling<br>Costs 100 cocoa honey</button>
            <button class="cocoaUpgrade" onclick="buyAltarUpgrade(6)">Keep one-time items on reset<br>Costs 500 cocoa honey</button>
            <button class="cocoaUpgrade" onclick="buyAltarUpgrade(7)">Forge your lucky ring into a shadow ring<br>Costs 2000 cocoa honey</button></center>
          </div>

          <!--Shark shop div-->
          <div id="sharkShopDiv">
            <img id="shark" src="img/shark.png">
            <p id="sharkText">Woah-oah my GOD, a CUSTOMER! Welcome, welcome! I have things! PLEASE BUY SOMETHING!!!!!!!</p><br>

            <!--Shark upgrades-->
            <button id="sharkTrade" style="margin-left: 10px; margin-top: 120px; margin-bottom: 14px;" onclick="buySharkUpgrade(1)">20 <img src="img/honey.png" style="width: 16px"> + 1 <img src="img/honey4.png" style="width: 16px"> -> 1 <img src="img/honey2.png" style="width: 16px"></button><br>
            <button class="sharkUpgrade" style="margin-left: 10px" onclick="buySharkUpgrade(2)">Remove XP softcap<br>Costs 2 honeyplasm</button>
            <button class="sharkUpgrade" onclick="buySharkUpgrade(3)">Double cocoa honey gain<br>Costs 2 honeyplasm</button>
            <button class="sharkUpgrade" style="margin-left: 10px" onclick="buySharkUpgrade(4)">Gain floor 149 teleport button<br>Costs 3 honeyplasm</button>
            <button class="sharkUpgrade" onclick="buySharkUpgrade(5)">Vanilla honey multiplies honeyplasm gain<br>Costs 5 honeyplasm</button>
            <button class="sharkUpgrade" style="margin-left: 10px" onclick="buySharkUpgrade(6)">Enemies past floor 100 drop honey<br>Costs 25 honeyplasm</button>
            <button class="sharkUpgrade" onclick="buySharkUpgrade(7)">Double cocoa honey gain again<br>Costs 30 honeyplasm</button>
            <button class="sharkUpgrade" style="margin-left: 10px" onclick="buySharkUpgrade(8)">Keep honey on reset<br>Costs 35 honeyplasm</button>
            <button class="sharkUpgrade" onclick="buySharkUpgrade(9)">Keep vanilla honey on reset<br>Costs 60 honeyplasm</button>
            <button class="sharkUpgrade" style="margin-left: 10px" onclick="buySharkUpgrade(10)">HP is set to max HP when killing an enemy<br>Costs 75 honeyplasm</button>
            <button class="sharkUpgrade" onclick="buySharkUpgrade(11)">Buy the shark sapphire<br>Costs 150 honeyplasm</button>
          </div>

          <!--Cocoa bar div-->
          <div id="cocoaBarDiv">
            <div id="cocoaBarMilestoneInfo"><p id="cocoaBarMilestoneText" style="margin-top: 0; margin-bottom: 0;"><span style="font-size: 33px; line-height: 42px;">1 cocoa bar</span><br>Keep 1,000,000 XP on reset</p></div>
            <center><button style="height: 44px; margin-top: 10px" id="getCocoaBarsButton" onclick="gainCocoaBars()">Turn all of your cocoa honey into a <img src="img/cocoaBar.png" width="16px"> <b>cocoa bar</b><br>Requires <span id="cocoaBarRequirement">1.000e10</span> cocoa honey</button><br><br><p style="font-size: 22px">Cocoa bar milestones</p>

            <!--Cocoa bar milestones-->
            <div class="cocoaBarMilestoneDiv" onmouseover="displayCBM(1)" onmouseout="hideCBM()">1</div>
            <div class="cocoaBarMilestoneDiv" onmouseover="displayCBM(2)" onmouseout="hideCBM()">2</div>
            <div class="cocoaBarMilestoneDiv" onmouseover="displayCBM(3)" onmouseout="hideCBM()">4</div>
            <div class="cocoaBarMilestoneDiv" onmouseover="displayCBM(4)" onmouseout="hideCBM()">5</div>
            <div class="cocoaBarMilestoneDiv" onmouseover="displayCBM(5)" onmouseout="hideCBM()">9</div>
            <div class="cocoaBarMilestoneDiv" onmouseover="displayCBM(6)" onmouseout="hideCBM()">10</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(7)" onmouseout="hideCBM()">11</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(8)" onmouseout="hideCBM()">13</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(9)" onmouseout="hideCBM()">15</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(10)" onmouseout="hideCBM()">16</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(11)" onmouseout="hideCBM()">19</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(12)" onmouseout="hideCBM()">20</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(13)" onmouseout="hideCBM()">26</div>
            <div class="cocoaBarMilestoneDiv" style="display: none;" onmouseover="displayCBM(14)" onmouseout="hideCBM()">30</div></center>
          </div>

          <!--Combinator div-->
          <div id="combinatorDiv">
            <h2 style="font-size: 33px; color: #204020; margin-bottom: 20px">Combinator</h2>
            <center>
              <button class="combinatorButton" onclick="combinate(1)" disabled><span id="hyperplasmCost1">1.000e10</span> <img src="img/honey.png" style="width: 16px;"> &nbsp;&nbsp;&gt;&nbsp;&nbsp; <span id="hyperplasmGain">1</span> <img src="img/hyperplasm.png" style="width: 16px;"> &nbsp;&nbsp;&lt;&nbsp;&nbsp; <span id="hyperplasmCost2">1.000e10</span> <img src="img/honey4.png" style="width: 16px;"></button>
              <p class="combinatorText" style="margin-top: 4px">Hyperplasm (not unlocked)</p>
              <button class="combinatorButton" onclick="combinate(2)" disabled><span id="darkBarCost1">10</span> <img src="img/cocoaBar.png" style="width: 16px;"> &nbsp;&nbsp;&gt;&nbsp;&nbsp; 1 <img src="img/darkBar.png" style="width: 16px;"> &nbsp;&nbsp;&lt;&nbsp;&nbsp; <span id="darkBarCost2">1</span> <img src="img/darkOrb.png" style="width: 16px;"></button>
              <p class="combinatorText" style="margin-top: 4px">Dark bar (not unlocked)</p>
              <button class="combinatorButton" onclick="combinate(3)" disabled><span id="starBarCost">4</span> <img src="img/darkBar.png" style="width: 16px;"> &nbsp;&nbsp;&gt;&nbsp;&nbsp; 1 <img src="img/starBar.png" style="width: 16px;"> &nbsp;&nbsp;&lt;&nbsp;&nbsp; 20 <img src="img/hyperplasm.png" style="width: 16px;"></button>
              <p class="combinatorText" style="margin-top: 4px">Star bar (not unlocked)</p>
            </center>
          </div>

          <!--Combinator upgrade div-->
          <div id="combinatorUpgradeDiv">
            <h2 style="font-size: 26px; color: #204020; margin-bottom: 40px;">Combinator upgrades</h2>
            <center><button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(1)">Unlock <b>hyperplasm</b> combination<br>Requires 1.000G2,000 cocoa honey</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(2)">Tier 5 enemies drop large amounts of honey and honeyplasm<br>Requires 1 hyperplasm</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(3)">Gain floor 248 teleport button<br>Requires 3 hyperplasm</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(4)">Unlock <b>dark bar</b> combination<br>Requires 4 hyperplasm</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(5)">Unlock <b>star bar</b> combination<br>Requires 100 hyperplasm</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(6)">Hyperplasm gain is far greater, but so is the cost<br>Requires 1 star bar</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(7)">Star bars increase honey and honeyplasm gain<br>Requires 6,000 hyperplasm</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(8)">Star bars cost 3 less dark bars<br>Requires 9,000 hyperplasm</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(9)">Tier 5 enemies drop hyperplasm<br>Requires 13,000 hyperplasm</button>
            <button class="combinatorUpgrade" onclick="buyCombinatorUpgrade(10)">Craft the <b>hyper gem</b><br>Requires 1.000e100 hyperplasm</button></center>
          </div>

          <!--Combinator upgrade 2 div-->
          <div id="combinatorUpgrade2Div">
            <h2 style="font-size: 26px; color: #604038; margin-bottom: 25px;">Combinator upgrades II</h2>
            <center><button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(1)">Tier 6 enemies drop hyperplasm<br>Requires 1.000e200 hyperplasm</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(2)">Tier 6 enemies drop more XP (1/3)<br>Requires 1J50 hyperplasm</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(3)">Tier 6 enemies drop more XP (2/3)<br>Requires 1J110 cocoa honey</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(4)">Tier 6 enemies drop more XP (3/3)<br>Requires 1J300 cocoa honey</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(5)">Gain floor 299 teleport button<br>Requires 1J1,000 cocoa honey</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(6)">Tier 6 enemy health is no longer capped<br>Requires 1J1,500 cocoa honey</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(7)">Tier 6 enemies have a chance of dropping dark bars<br>Requires 1J2,000 cocoa honey</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(8)">Star bars increase tier 6 XP gain<br>Requires 8 star bars</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(9)">Tier 6 enemies may drop multiple dark bars<br>Requires 1J40,000 cocoa honey</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(10)">Dark orbs massively increase tier 6 XP gain<br>Requires 1J100,000 cocoa honey</button>
            <button class="combinatorUpgrade2" onclick="buyCombinatorUpgrade2(11)">Forge your hyper gem into a star gem<br>Requires 1J1.000e29 cocoa honey and 4 dark orbs</button></center>
          </div>

          <!--Monster blood div-->
          <div id="monsterBloodDiv">
            <h2 style="font-size: 26px; margin-bottom: 25px;">You have <span id="monsterBlood">0</span><br><img src="img/bloodVial.png"> <span style="color: #602020">monster blood</span> <img src="img/bloodVial.png"></h2>
            <p class="bloodProducerAmount" style="top: 110px"><span id="t1bp">0</span> (+<span id="t1ebp">0</span>)</p>
            <button class="bloodProducer" style="top: 110px" onclick="buyBloodProducer(1)">Buy a tier 1 blood producer</button>
            <p class="bloodProducerCost" style="top: 110px"><span id="t1bpCost">1</span> <img src="img/bloodGem.png" style="width: 16px"></p>
            <p class="bloodProducerAmount" style="top: 140px"><span id="t2bp">0</span> (+<span id="t2ebp">0</span>)</p>
            <button class="bloodProducer" style="top: 140px" onclick="buyBloodProducer(2)">Buy a tier 2 blood producer</button>
            <p class="bloodProducerCost" style="top: 140px"><span id="t2bpCost">1</span> <img src="img/bloodGem.png" style="width: 16px"></p>
            <p class="bloodProducerAmount" style="top: 170px"><span id="t3bp">0</span> (+<span id="t3ebp">0</span>)</p>
            <button class="bloodProducer" style="top: 170px" onclick="buyBloodProducer(3)">Buy a tier 3 blood producer</button>
            <p class="bloodProducerCost" style="top: 170px"><span id="t3bpCost">1</span> <img src="img/bloodGem.png" style="width: 16px"></p>
            <p class="bloodProducerAmount" style="top: 200px"><span id="t4bp">0</span> (+<span id="t4ebp">0</span>)</p>
            <button class="bloodProducer" style="top: 200px" onclick="buyBloodProducer(4)">Buy a tier 4 blood producer</button>
            <p class="bloodProducerCost" style="top: 200px"><span id="t4bpCost">1</span> <img src="img/bloodGem.png" style="width: 16px"></p>
            <p class="bloodProducerAmount" style="top: 230px"><span id="t5bp">0</span> (+<span id="t5ebp">0</span>)</p>
            <button class="bloodProducer" style="top: 230px" onclick="buyBloodProducer(5)">Buy a tier 5 blood producer</button>
            <p class="bloodProducerCost" style="top: 230px"><span id="t5bpCost">1</span> <img src="img/bloodGem.png" style="width: 16px"></p>
            <p class="bloodProducerAmount" style="top: 260px"><span id="t6bp">0</span></p>
            <button class="bloodProducer" style="top: 260px" onclick="buyBloodProducer(6)">Buy a tier 6 blood producer</button>
            <p class="bloodProducerCost" style="top: 260px"><span id="t6bpCost">1</span> <img src="img/bloodGem.png" style="width: 16px"></p>

            <p id="bloodGemInfo">You have beaten <span id="gemEelsBeaten">0</span> gem eels,<br>giving you <span id="bloodGems">0</span> <img src="img/bloodGem.png" style="width: 16px"> <b>blood gems</b></p>
          </div>

          <!--Monster blood upgrade div-->
          <div id="monsterBloodUpgradeDiv">
            <h2 style="font-size: 26px; color: #602020; margin-bottom: 20px;">Monster blood upgrades</h2>
            <center><button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(1)">All blood production is doubled<br>Requires J1e44 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(2)">All blood production is tripled<br>Requires J1e55 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(3)">Dark orbs multiply blood production<br>Requires J1e69 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(4)">Gain 100 free tier 5 producers<br>Requires J1e87 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(5)">All blood production is multiplied by 10<br>Requires J1e100 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(6)">Monster blood production is squared<br>Requires J1e122 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(7)">Monster blood production is squared again<br>Requires J1e222 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(8)">Monster blood production is tetrated by 2<br>Requires J1e420 cocoa honey</button>
            <button class="monsterBloodUpgrade" style="height: 48px" onclick="buyMonsterBloodUpgrade(9)">Monster blood production is pentated by 2, but lose all producers,<br>and producer cost goes up dramatically<br>Requires Je1e100 cocoa honey</button>
            <button class="monsterBloodUpgrade" onclick="buyMonsterBloodUpgrade(10)">Forge the <b>super blood gem</b><br>Requires 561 blood gems</button></center>
          </div>

          <!--Shark 2 div-->
          <div id="shark2Div">
            <img id="shark2" src="img/shark.png">
            <p id="sharkText2"></p><br>
            <button id="continueButton" onclick="sharkDialogueContinue()">Continue</button>
            <button class="sharkUpgrade2" style="margin-left: 10px; margin-top: 120px; height: 48px;" onclick="buySharkUpgrade2(1)">Monster blood production is massively increased, but lose all producers,<br>and producer cost goes up dramatically<br>Requires J1J50 cocoa honey</button>
            <button class="sharkUpgrade2" style="margin-left: 10px" onclick="buySharkUpgrade2(2)">Tier 7 enemies drop far more XP (1/3)<br>Requires JJ1e80 cocoa honey</button>
            <button class="sharkUpgrade2" onclick="buySharkUpgrade2(3)">Tier 7 enemies drop far more XP (2/3)<br>Requires JJ1F60 cocoa honey</button>
            <button class="sharkUpgrade2" style="margin-left: 10px" onclick="buySharkUpgrade2(4)">Tier 7 enemies drop far more XP (3/3)<br>Requires JJ1G60 cocoa honey</button>
            <button class="sharkUpgrade2" onclick="buySharkUpgrade2(5)">Blood gems increase tier 7 XP gain<br>Requires 1,000 blood gems</button>
            <button class="sharkUpgrade2" style="margin-left: 10px" onclick="buySharkUpgrade2(6)">Blood gems increase tier 7 XP gain again<br>Requires 1,500 blood gems</button>
            <button class="sharkUpgrade2" style="margin-left: 10px; background-color: #a0a0a0;" onclick="buySharkUpgrade2(7)">Buy another gun (you can never be too loaded)<br>Requires 1,711 blood gems</button>
          </div>

          <!--Golden upgrade div-->
          <div id="goldenUpgradeDiv">
            <h2 style="font-size: 26px; color: #604010; margin-bottom: 40px;">Golden upgrades</h2>
            <center><button class="goldenUpgrade" onclick="buyGoldenUpgrade(1)">Gain floor 351 teleport button<br>Requires 1K10 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(2)">Double golden honey gain (1/3)<br>Requires 1K15 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(3)">Double golden honey gain (2/3)<br>Requires 1K25 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(4)">Double golden honey gain (3/3)<br>Requires 1K50 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(5)">Tier 8 enemies always drop golden honey<br>Requires 1K100 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(6)">Log(golden honey) multiplies golden honey gain<br>Requires 1K500 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(7)">Blood gems multiply golden honey gain<br>Requires 1K5,000 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(8)">Floor difficulty multiplies golden honey gain<br>Requires K15,000,000 cocoa honey</button>
            <button class="goldenUpgrade" onclick="buyGoldenUpgrade(9)" style="margin-top: 20px; background-color: #a0a0a0;">Call upon the power of your SICK ASS GUNS to multiply golden honey gain by 25,000<br>Requires K100,000,000 cocoa honey</button></center>
          </div>

          <!--Golden eel div-->
          <div id="goldenEelDiv">
            <h2 style="font-size: 44px; color: #800000;">Golden eel</h2>
            <div id="goldenEelBar"><div id="goldenEelBarInner"></div><p id="goldenEelBarText">100/100</p></div>
            <img id="goldenEel" src="img/enemy37.png">
            <p id="goldenEelAttackInfo">Time until attack: <span id="goldenEelAttackCooldown">60.0</span></p>
            <button id="goldenEelAttackButton" onclick="goldenEelAttack()">Attack</button>
          </div>

          <!--Ending div-->
          <div id="endingDiv">
            <p id="finalTime"></p>
            <p id="endingText">Endless Stairwell - Eel arc</p>
            <p id="endingText2">End</p>
          </div>

          <!--Dark orb div-->
          <div id="darkOrbDiv">
            <center><button style="height:64px; margin-top: 10px" onclick="darkOrbPrestige()">Erase ALL PROGRESS to gain a <img src="img/darkOrb.png" width="16px"> <b>dark orb</b>,<br>Which gives multiple large boosts/bonuses<br>Requires <span id="darkOrbRequirement">1.000F100</span> cocoa honey</button></center>
            <div id="darkOrbInnerDiv">
              <p id="darkOrbBonuses" style="margin-left: 0; margin-top: 10px">Current bonuses:<br>None</p>
            </div>
          </div>
        </div>

        <!--Tip div-->
        <div class="container" style="grid-row: 2; grid-column: 1 / span 1; display: none;">
          <p style="margin-top: 10px; margin-bottom: 0;"><b>Tip:</b></p>
          <p id="currentTip" style="margin-top: 8px;"></p>
          <button style="position: absolute; bottom: 8px; left: 8px;" onclick="document.getElementById('hotkeysDiv').style.display = 'block'">Hotkeys</button>
          <button style="position: absolute; bottom: 8px; right: 8px;" onclick="openTipHistory()">Tip history</button>
        </div>

        <!--Cocoa div-->
        <div class="container" id="cocoaDiv" style="grid-row: 2; grid-column: 2 / span 1;">
          <center><img src="img/honey3.png" style="margin-top: 8px; margin-bottom: 0"></center>
          <p style="margin-top: 8px;">You have <span id="cocoaHoney">0</span> cocoa honey, multiplying XP gain by <span id="cocoaBoost">1</span></p>
        </div>

        <!--Extras div-->
        <div class="container" id="extrasDiv" style="grid-row: 2; grid-column: 3 / span 1;">
          <img id="fragment1" src="img/fragment1.png">
          <p id="fragment1Text">0</p>
          <img id="fragment2" src="img/fragment2.png">
          <p id="fragment2Text">0</p>
          <img id="fragment3" src="img/fragment3.png">
          <p id="fragment3Text">0</p>
          <img id="honey3" src="img/honey4.png">
          <p id="honeyText3">Honeyplasm: <span id="honeyplasm">0</span></p>
          <img id="cocoaBarIcon" src="img/cocoaBar.png">
          <p id="cocoaBarText">Cocoa bars: <span id="cocoaBars">0</span></p>
          <img id="darkOrbIcon" src="img/darkOrb.png">
          <p id="darkOrbText">Dark orbs: <span id="darkOrbs">0</span></p>
          <img id="hyperplasmIcon" src="img/hyperplasm.png">
          <p id="hyperplasmText">Hyperplasm: <span id="hyperplasm">0</span></p>
          <img id="darkBarIcon" src="img/darkBar.png">
          <p id="darkBarText">Dark bars: <span id="darkBars">0</span></p>
          <img id="starBarIcon" src="img/starBar.png">
          <p id="starBarText">Star bars: <span id="starBars">0</span></p>
          <img id="bloodGemIcon" src="img/bloodGem.png">
          <p id="bloodGemText">Blood gems: <span id="bloodGems2">0</span></p>
          <img id="goldenHoneyIcon" src="img/goldenHoney.png">
          <p id="goldenHoneyText">Golden honey: <span id="goldenHoney">0</span></p>
        </div>

        <!--Options div-->
        <div class="container" style="grid-row: 2; grid-column: 4 / span 1;">
          <center><button id="saveButton" onclick="save()">Save</button>
          <button id="exportButton" onclick="exportGame()">Export</button>
          <button id="importButton" onclick="importGame()">Import</button>
          <button id="resetButton" onclick="hardReset()">Hard reset</button></center>
          <p id="timePlayed">0:00:00</p>
        </div>

        <!--Credits div-->
        <div class="container" style="grid-row: 2; grid-column: 5 / span 1;">
          <p style="font-size: 13px; text-align: right;"><b>Endless Stairwell v1.1.5</b><br>Created by Demonin<br><br>Loosely inspired by<br><a href="https://reinhardt-c.github.io/ReinHouse/">Reinhardt's House</a><br><br>This game uses:<br><a href="https://github.com/Naruyoko/ExpantaNum.js">ExpantaNum.js</a><br><a href="https://github.com/cloudytheconqueror/letter-notation-format">format-expantanum.js</a><br><a href="https://jquery.com/">jQuery.js</a></p>
        </div>

        <!--Hotkeys div-->
        <div id="hotkeysDiv" class="window">
          <div class="title-bar">
            <div class="title-bar-text">Hotkeys</div>
            <div class="title-bar-controls">
              <button aria-label="Close" style="height: 10px" onclick="document.getElementById('hotkeysDiv').style.display = 'none'"></button>
            </div>
          </div>
          <div class="window-body">
            <h2>Hotkeys</h2>
            <p>Up arrow - Go up a floor<br>Down arrow - Go down a floor<br>Right arrow - Enter floor<br>Right arrow - Explore new room<br>Left arrow - Return to stairwell<br>A - Attack<br>F - Flee<br>1 - Consume honey<br>2 - Consume vanilla honey</p>
            <p id="prestigeHotkey" style="display: none;">P - Prestige</p>
          </div>
        </div>

        <!--Tip history div-->
        <div id="tipHistoryDiv">
          <div class="title-bar" style="height: 15px; position: fixed; width: 1024px; z-index: 2;">
            <div class="title-bar-text">Tip history</div>
            <div class="title-bar-controls"><button aria-label="Close" style="height: 10px" onclick="closeTipHistory()"></button></div>
          </div>
          <h2 id="tipHistoryHeader">Tip history</h2>
          <p id="tipHistory"></p>
        </div>

        <!--Death div-->
        <div id="deathDiv">
          <h2 id="deathHeader">You died!</h2>
          <p id="deathInfo">You've lost some of your XP.<br>This box is way too big for this message.</p>
          <button id="deathClose" onclick="deathClose()">Damn, okay</button>
        </div>

        <!--Glock get div-->
        <div id="glockGetDiv">
          <h2 style="color: white; text-align: center; text-shadow: 4px 4px #202020;">You acquired:<h2>
          <img id="shine" src="img/shine.png">
          <img id="glock" src="img/glock.png">
          <button style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);" onclick="closeGlockDiv()">Cool</button>
        </div>
      </div>
    </div>

    <!--Scripts-->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="Mousetrap.js"></script>
    <script src="ExpantaNum.js"></script>
    <script src="format-expantanum.js"></script>
    <script src="constants.js"></script>
    <script src="script.js" defer></script>
    <script src="hotkeys.js" defer></script>
  </body>
</html>